<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.min.css" rel="stylesheet" />
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">书籍列表</h1>
		</header>
		<div class="mui-content">
			<div class="mui-slider">
				<div class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
					<a class="mui-control-item" href="#item1">借出列表</a>
					<a class="mui-control-item" href="#item2">借入列表</a>
					<a class="mui-control-item" href="#item3">订阅书单</a>
				</div>
				<div id="sliderProgressBar" class="mui-slider-progress-bar mui-col-xs-4"></div>
				<div class="mui-slider-group">
					<div id="item1" class="mui-slider-item mui-control-content mui-active">
						<div class="mui-card">
							<div class="mui-card-header">书名</div>
							<div class="mui-card-content">
								<div class="mui-card-content-inner">
									<p>借书人微信：XXX</p>
									<p>借书人手机：XXX</p>
								</div>
							</div>
							<div class="mui-card-footer">等待还书</div>
						</div>
						
					</div>
					<div id="item2mobile" class="mui-slider-item mui-control-content">
						<div class="mui-card">
							<div class="mui-card-header">书名</div>
							<div class="mui-card-content">
								<div class="mui-card-content-inner">
									<p>借书人微信：XXX</p>
									<p>借书人手机：XXX</p>
								</div>
							</div>
							<div class="mui-card-footer"><button type="button" class="mui-btn mui-btn-blue">申请还书</button></div>
						</div>
					</div>
					<div id="item3mobile" class="mui-slider-item mui-control-content">
						<div class="mui-card">
							<div class="mui-card-header">书名</div>
							<div class="mui-card-content">
								<div class="mui-card-content-inner">
									书籍信息
								</div>
							</div>
							<div class="mui-card-footer">等待还书</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<script src="../js/mui.min.js"></script>
		<script type="text/javascript">
			mui.init()
		</script>
	</body>

</html>